<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>网上PC销售商城后台管理</title>
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">

		<script src="lib/jquery-1.11.1.min.js" type="text/javascript"></script>
		<script src="js/admin_index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/database.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/jQuery-Knob/js/jquery.knob.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function() {
				$(".knob").knob();
			});
		</script>

		<link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
		<link rel="stylesheet" type="text/css" href="stylesheets/premium.css">

	</head>

	<body class=" theme-blue">

		<!-- Demo page code -->

		<script type="text/javascript">
			
			function setid(id) {
				$('#opid').val(id);
			}
			$(function() {
				var match = document.cookie.match(new RegExp('color=([^;]+)'));
				if(match) var color = match[1];
				if(color) {
					$('body').removeClass(function(index, css) {
						return(css.match(/\btheme-\S+/g) || []).join(' ')
					})
					$('body').addClass('theme-' + color);
				}

				$('[data-popover="true"]').popover({
					html: true
				});

			});
		</script>
		<style type="text/css">
			#line-chart {
				height: 300px;
				width: 800px;
				margin: 0px auto;
				margin-top: 1em;
			}
			
			.navbar-default .navbar-brand,
			.navbar-default .navbar-brand:hover {
				color: #fff;
			}
		</style>

		<script type="text/javascript">
			$(function() {
				var uls = $('.sidebar-nav > ul > *').clone();
				uls.addClass('visible-xs');
				$('#main-menu').append(uls.clone());
			});
		</script>

		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

		<!-- Le fav and touch icons -->
		<link rel="shortcut icon" href="../assets/ico/favicon.ico">
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">

		<!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
		<!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
		<!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
		<!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
		<!--[if (gt IE 9)|!(IE)]><!-->

		<!--<![endif]-->

		<div class="navbar navbar-default" role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
				<a class="" href="#"><span class="navbar-brand"><span class="fa"></span> 网上PC销售商城</span>
				</a>
			</div>

			<div class="navbar-collapse collapse" style="height: 1px;">
				<ul id="main-menu" class="nav navbar-nav navbar-right">
					<li class="dropdown hidden-xs">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="glyphicon glyphicon-user padding-right-small" style="position:relative;top: 3px;"></span> <i id="username">admin</i>
							<i class="fa fa-caret-down"></i>
						</a>

						<ul class="dropdown-menu">
							<li>
								<a tabindex="-1" href="sign-in.html">注销</a>
							</li>
						</ul>
					</li>
				</ul>

			</div>
		</div>
		</div>

		<div class="sidebar-nav">
			<ul>
				<li>
					<a href="#" data-target=".dashboard-menu" class="nav-header" data-toggle="collapse"><i class="fa fa-fw fa-desktop"></i> 商品管理<i class="fa fa-collapse"></i></a>
				</li>
				<li>
					<ul class="dashboard-menu nav nav-list collapse in">
						<li>
							<a href="#"><span class="fa fa-caret-right"></span> 商品列表</a>
						</li>
						<li>
							<a href="users.html"><span class="fa fa-caret-right"></span> 商品添加</a>
						</li>
					</ul>
				</li>

				<li data-popover="true" rel="popover" data-placement="right">
					<a href="#" data-target=".premium-menu" class="nav-header collapsed" data-toggle="collapse"><i class="fa fa-user"></i> 用户管理<i class="fa fa-collapse"></i></a>
				</li>
				<li>
					<ul class="premium-menu nav nav-list collapse">
						<li class="visible-xs visible-sm">
							</span>
							<li>
								<a href="premium-build.html"><span class="fa fa-caret-right"></span> 用户列表</a>
							</li>
							<li>
								<a href="premium-colors.html"><span class="fa fa-caret-right"></span> 用户添加</a>
							</li>
					</ul>
					</li>

					<li>
						<a href="#" data-target=".accounts-menu" class="nav-header collapsed" data-toggle="collapse"><i class="fa fa-fw fa-briefcase"></i> 订单管理 <i class="fa fa-collapse"></i></a>
					</li>
					<li>
						<ul class="accounts-menu nav nav-list collapse">
							<li>
								<a href="sign-in.html"><span class="fa fa-caret-right"></span> 订单列表</a>
							</li>
						</ul>
					</li>

			</ul>
		</div>

		<div class="content">
			<div class="header">

				<h1 class="page-title">商品管理</h1>
				<ul class="breadcrumb">
					<li>
						<a href="#">Home</a>
					</li>
					<li class="active">商品列表</li>
				</ul>

			</div>
			<div class="main-content">

				<div class="search-well">
					<form class="form-inline" style="margin-top:0px;">
						<input type="hidden" id="opid" value="" />
						<select id="searchType" name="DropDownTimezone" id="DropDownTimezone" class="form-control">
							<option value="name">商品名称</option>
							<option value="branch">品牌</option>
							<option value="high">价格高于..</option>
							<option value="low">价格低于..</option>
						</select>
						<input class="input-xlarge form-control" placeholder="Search ..." id="searchTxt" type="text">
						<button onclick="search();" class="btn btn-default" type="button"><i class="fa fa-search"></i> 查找</button>
					</form>
				</div>
				<div class="btn-toolbar list-toolbar">
					<button class="btn btn-primary"><i class="fa fa-plus"></i> 添加商品</button>
					<div class="btn-group">
					</div>
				</div>
				<table class="table">
					<thead>
						<tr>
							<th>#</th>
							<th>商品名称</th>
							<th>品牌</th>
							<th>描述</th>
							<th>价格</th>
							<th style="width: 3.5em;"></th>
						</tr>
					</thead>
					<tbody id = "tb_pcs">
					</tbody>
				</table>

				<div class="modal small fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 id="myModalLabel">确认删除</h3>
							</div>
							<div class="modal-body">
								<p class="error-text"><i class="fa fa-warning modal-icon"></i>您确定要删除该商品吗？</p>
							</div>
							<div class="modal-footer">
								<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">取消</button>
								<button class="btn btn-danger" data-dismiss="modal">确认</button>
							</div>
						</div>
					</div>
				</div>

				<footer>
					<hr>

					<!-- Purchase a site license to remove this link from the footer: http://www.portnine.com/bootstrap-themes -->
					<p>© 2018
						<a href="#" target="_blank">528魏迦南</a>
					</p>
				</footer>
			</div>
		</div>

		<script src="lib/bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript">
			$("[rel=tooltip]").tooltip();
			$(function() {
				$('.demo-cancel-click').click(function() {
					return false;
				});
			});
		</script>

	</body>

</html>